import { router } from ".";
import { App } from "antd";
import { useEffect } from "react";
import { RouterProvider } from "react-router-dom";

import AntdUtils from "@/utils/antd";

// TODO ?? 这是在干嘛
export default function RootRoterProvider() {
    const { notification, message, modal } = App.useApp();

    // 副效应
    useEffect(() => {
        // 在调用路由内容时 状态 消息内容
        AntdUtils.setMessageInstance(message);
        AntdUtils.setModalInstance(modal);
        AntdUtils.setNotificationInstance(notification);
    }, [notification, message, modal]);

    // RouterProvider 用来展示路由信息  router 被展示和使用的 路由内容
    return <RouterProvider router={router} />;
}
